<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>

<body>
  <script type="module">
    // 使用ESM ：1.保证文件通过服务器打开  2.设置script的type 为 module  在终端运行需要加package.json配置文件 "type":"module"
    // 1.  直接引入
    // 语法:  import  '模块标识符'
    import './index.js' // 引入index模块


    // 2.按需导入和按需导出  (按需导出在index.js)
    // import { 接收名称1, 接受名称2 } from '模块标识符'
    // 2.1 如果接收名称有多个 用逗号隔开
    // 2.2 注意 按需导入的成名名称必须和按需导出的成员名称一样
    // 2.3 按需导入时 可以使用as关键字 进行重命名
    // 2.4 按需导入和默认导入可以一起使用


    // 只需导入b1 和b2  
    import {b1,b2,b3 as bbb} from './index2.js'
    console.log(b1,b2,bbb);




  </script>
</body>

</html>